<!DOCTYPE HTML>
<html>
<head>

    <title>SongLake Hotel</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="applijewelleryion/x-javascript">
         addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }

    </script>
    <script src="jquery/jquery.js"></script>
    <script type="text/javascript" src="jquery/customer_ajax.js"></script>
    <!--  <script type="text/javascript" src="jquery/orderInfo_ajax.js"></script>-->
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <script src="js/jquery-1.11.1.min.js"></script>
    <!--webfonts-->
    <link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Open+Sans:400,300italic,300,600' rel='stylesheet' type='text/css'>
    <!--//webfonts-->
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script>
        function toBook1() {
            var val = '1';
            window.location.href = "book?"+val;
        }
        function toBook2() {
            var val = '2';
            window.location.href = "book?"+val;
        }
        function toBook3() {
            var val = '3';
            window.location.href = "book?"+val;
        }
    </script>
</head>
<body>
<!-- banner -->
<div class="banner">
    <div class="header">
        <div class="container">
            <div class="logo">
                <h1><a href="index">松湖酒店</a></h1>
            </div>
            <nav class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!--/.navbar-header-->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index">主页</a></li>
                        <li><a href="rooms">房间预订</a></li>
                        <li><a href="gallery">画廊</a></li>
                        <!--<li><a href="shortcodes.html">Short Codes</a></li>-->
                        <li><a href="signin">用户登录</a></li>
                        <li><a href="contact">联系我们</a></li>
                        <li><a href="#" id="button6">个人中心</a></li>
                    </ul>
                </div>
                <!--/.navbar-collapse-->
            </nav>
            <div class="search-box">
                <div id="sb-search" class="sb-search">
                    <form>
                        <input class="sb-search-input" placeholder="请输入您想要搜索的信息..." type="search"
                               name="search" id="search">
                        <input class="sb-search-submit" type="submit" value="">
                        <span class="sb-icon-search"> </span>
                    </form>
                </div>
            </div>
            <div class="clearfix"></div>

            <!-- search-scripts -->
            <script src="js/classie.js"></script>
            <script src="js/uisearch.js"></script>
            <script>
                new UISearch(document.getElementById('sb-search'));
            </script>
            <!-- //search-scripts -->
        </div>
    </div>
</div>
<!-- banner -->
<!-- hod -->
<div class="hod">
    <div class="container">
        <div class="col-md-6 hod-left">
            <img src="images/14.jpg" class="img-responsive img-rounded" alt="">
        </div>
        <div class="col-md-6 hod-right">
            <h2>邂逅不期而遇的美好</h2>
            <hr>
            <p>远离单调的生活,放松你的头脑,为全球高端旅行者缔造着卓尔不凡的精彩体验和终生难忘的美好回忆。</p>
            <p>我们相信细节决定品质，匠心成就非凡。</p>
            <p>所谓“匠心”,并不仅仅是卓越的美食、抑或高雅的装潢, 更是每一位酒店员工为难忘宾客体验投入的满腔热情和非凡贡献。</p>
            <hr>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- hod -->
<!--<div class="copyrights">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div>-->
<!-- tels -->
<div class="tels">
    <div class="container">
        <div class="col-md-4 tels-left">
            <h4>豪华商务套间 <span>￥660</span>
                <small>/night</small>
            </h4>
            <img src="images/4.jpg" class="img-responsive img-rounded" alt="">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;房内主次卧室两间,各含卫生间,休闲娱乐厅一间,会客厅一间,房内安全舒适,配有中央空调,还提供了无线宽带上网及其他娱乐设施。</p>
            <a class="btn btn-primary" onclick="toBook1()">立即预定</a>
        </div>
        <div class="col-md-4 tels-left">
            <h4>豪华度假套间 <span>￥900</span>
                <small>/night</small>
            </h4>
            <img src="images/9.jpg" class="img-responsive img-rounded" alt="">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;一个把现代风格的豪华,家庭气氛和艺术性完美融合的设计。有私人餐厅和按摩室,还配有独立的室内泳池。</p>
            <a class="btn btn-primary" onclick="toBook2()">立即预定</a>
        </div>
        <div class="col-md-4 tels-left">
            <h4>豪华总统套间 <span>￥1200</span>
                <small>/night</small>
            </h4>
            <img src="images/3.jpg" class="img-responsive img-rounded" alt="">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;这里有书房,会议室,饱览海湾迷人风光的全景天窗,超大私人阳台上既可以享受美食,也是私人日光浴和观赏迪拜美景的绝佳场所。</p>
            <a class="btn btn-primary" onclick="toBook3()">立即预定</a>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- tels -->
<!-- special -->
<div class="special">
    <div class="container">
        <div class="spe-info" style="border-radius:10px;">
            <h3>关于我们</h3>
            <p>栖身于松山湖度假村,椰树围绕,荷花和睡莲交相辉映。</p>
            <p>别墅充满了亚洲特色风情, 让您顿时置身当地奇妙的文化传统和浓郁的民族氛围之中, 探索别样的生活方式。</p>
            <p>无论是大人、小孩、情侣，都会感到一种别致的休闲享受。</p>
        </div>
    </div>
</div>
<!-- special -->
<!-- footer -->
<div class="footer">
    <div class="container">
        <div class="col-md-2 deco">
            <h4>导航</h4>
            <li><a href="index">主页</a></li>
            <!--<li><a href="shortcodes.html">Short Codes </a></li>-->
            <li><a href="signin">登录</a></li>
            <li><a href="contact">联系我们</a></li>
        </div>
        <div class="col-md-2 deco">
            <h4>链接</h4>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">酒店发展</a></li>
            <li><a href="#">需要帮助？</a></li>
        </div>
        <div class="col-md-2 deco">
            <h4>社交</h4>
            <div class="soci">
                <li><a href="#"><i class="f-1"> </i></a></li>
                <li><a href="#"><i class="t-1"> </i></a></li>
                <li><a href="#"><i class="g-1"> </i></a></li>
            </div>
        </div>
        <div class="col-md-3 cardss">
            <h4>付款方式</h4>
            <li><i class="visa"></i></li>
            <li><i class="ma"></i></li>
            <li><i class="paypal"></i></li>
            <div class="clearfix"></div>
        </div>
        <div class="col-md-3 pos">
            <h4>新消息</h4>
            <form method="post">
                <input type="text" class="textbox" value="邮箱" style="border-radius: 5px;background-color: white;"
                       onFocus="this.value = '';"
                       onBlur="if (this.value == '') {this.value = '邮箱';}">
                <div class="smt">
                    <input type="submit" value="提交" style="border-radius: 5px;">
                </div>
            </form>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- footer -->
</body>
</html>
